Here's the complete page using our established responsive template with the Legends data from the [Neopets Battlepedia Legends page](https://zmnpbgtcgrc.neocities.org/battlepedia/Card%20Data/CardData-COMLegends):

```html
<div style="max-width: 600px; margin: 0 auto; padding: 10px; font-family: Arial, sans-serif; box-sizing: border-box;">
  <!-- Search Function -->
  <div style="background: #f0f0f0; border: 1px solid #ccc; padding: 15px; margin-bottom: 20px; text-align: center;">
    <h2 style="margin: 0 0 10px 0; font-size: clamp(1.1em, 4vw, 1.3em);">Neopets Battlepedia - COM Legends</h2>
    <p style="margin: 0 0 10px 0; font-size: clamp(0.8em, 3vw, 1em);"><strong>PRESS CONTROL+F AND ENTER THE CARD YOU ARE LOOKING FOR</strong></p>
    <input type="text" id="searchInput" placeholder="Search for a card..." 
           style="width: 100%; padding: 10px; border: 1px solid #ccc; font-size: clamp(14px, 4vw, 16px); box-sizing: border-box;"
           onkeyup="searchCards()">
  </div>

  <div style="background: #fff3cd; border: 1px solid #ffeaa7; padding: 10px; margin-bottom: 20px; font-size: clamp(0.8em, 3vw, 0.9em);">
    <strong>Note:</strong> Even if this information came from the devs, they can and will change their opinions on such things.
  </div>
</div>

<div style="max-width: 600px; margin: 0 auto; padding: 10px; font-family: Arial, sans-serif; box-sizing: border-box;" data-card-name="giant spyders">
  <!-- Giant Spyders -->
  <div style="background: #f0f0f0; border: 1px solid #ccc; padding: 10px; text-align: center; margin-bottom: 10px;">
    <h2 style="margin: 0; font-size: clamp(1em, 4vw, 1.2em);">||Giant Spyders||</h2>
  </div>

  <div style="text-align: center; margin-bottom: 10px;">
    <img src="IMAGE HERE" style="max-width: 100%; height: auto; border: 1px solid #ccc;" />
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card ID#(s):</strong> COM-168 R</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card Type:</strong> Legend</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Team:</strong> Darigan</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Level Requirement:</strong> 1</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Rarity:</strong> R</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Artist:</strong> Squeedge</div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Game Rules:</strong> Your opponent skips their next Draw Phase.</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Updates/FAQ:</strong> If that opponent has 1 or more triggered abilities that would trigger during their Draw Phase, those triggers are skipped as well.</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Other official rulings and speculation:</strong></div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Upperdeck.com link:</strong> https://my.upperdeck.com/public/neopets/cards/749</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Wayback Machine link:</strong> (Updated: 0/0/20XX)</div>
  </div>
</div>

<div style="max-width: 600px; margin: 0 auto; padding: 10px; font-family: Arial, sans-serif; box-sizing: border-box;" data-card-name="zombie petpets">
  <!-- Zombie Petpets -->
  <div style="background: #f0f0f0; border: 1px solid #ccc; padding: 10px; text-align: center; margin-bottom: 10px;">
    <h2 style="margin: 0; font-size: clamp(1em, 4vw, 1.2em);">||Zombie Petpets||</h2>
  </div>

  <div style="text-align: center; margin-bottom: 10px;">
    <img src="IMAGE HERE" style="max-width: 100%; height: auto; border: 1px solid #ccc;" />
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card ID#(s):</strong> COM-169 R</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card Type:</strong> Legend</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Team:</strong> Darigan</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Level Requirement:</strong> 1</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Rarity:</strong> R</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Artist:</strong> Squeedge</div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Game Rules:</strong> If this card is in your discard, you may bury it. If you do, target 1 Petpet in your discard; add it to your inventory. _____ Target 1 Petpet in your discard; play it, then bury this card. When the card played this way goes to the discard, bury it.</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Updates/FAQ:</strong></div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Other official rulings and speculation:</strong></div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Upperdeck.com link:</strong> https://my.upperdeck.com/public/neopets/cards/750</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Wayback Machine link:</strong> (Updated: 0/0/20XX)</div>
  </div>
</div>

<div style="max-width: 600px; margin: 0 auto; padding: 10px; font-family: Arial, sans-serif; box-sizing: border-box;" data-card-name="zombified peasants">
  <!-- Zombified Peasants -->
  <div style="background: #f0f0f0; border: 1px solid #ccc; padding: 10px; text-align: center; margin-bottom: 10px;">
    <h2 style="margin: 0; font-size: clamp(1em, 4vw, 1.2em);">||Zombified Peasants||</h2>
  </div>

  <div style="text-align: center; margin-bottom: 10px;">
    <img src="IMAGE HERE" style="max-width: 100%; height: auto; border: 1px solid #ccc;" />
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card ID#(s):</strong> COM-169 R</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card Type:</strong> Legend</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Team:</strong> Darigtan</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Level Requirement:</strong> 1</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Rarity:</strong> R</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Artist:</strong> Squeedge</div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Game Rules:</strong> If this card is in your discard, you may bury it. If you do, target 1 Petpet in your discard; add it to your inventory. _____ Target 1 Petpet in your discard; play it, then bury this card. When the card played this way goes to the discard, bury it.</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Updates/FAQ:</strong></div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Other official rulings and speculation:</strong></div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Upperdeck.com link:</strong></div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Wayback Machine link:</strong> (Updated: 0/0/20XX)</div>
  </div>
</div>

<div style="max-width: 600px; margin: 0 auto; padding: 10px; font-family: Arial, sans-serif; box-sizing: border-box;" data-card-name="darigan">
  <!-- Darigan -->
  <div style="background: #f0f0f0; border: 1px solid #ccc; padding: 10px; text-align: center; margin-bottom: 10px;">
    <h2 style="margin: 0; font-size: clamp(1em, 4vw, 1.2em);">||Darigan||</h2>
  </div>

  <div style="text-align: center; margin-bottom: 10px;">
    <img src="IMAGE HERE" style="max-width: 100%; height: auto; border: 1px solid #ccc;" />
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card ID#(s):</strong> COM-171 SR</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card Type:</strong> Legend</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Team:</strong> Darigan</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Level Requirement:</strong> 2</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Rarity:</strong> SR</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Artist:</strong> Squeedge</div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Game Rules:</strong> When you draw or add this card to your inventory, if you have no other cards in your inventory, you may play this card. Each player shuffles their inventory into their deck and draws 4 cards.</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Updates/FAQ:</strong></div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Other official rulings and speculation:</strong></div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Upperdeck.com link:</strong> https://my.upperdeck.com/public/neopets/cards/752</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Wayback Machine link:</strong> (Updated: 0/0/20XX)</div>
  </div>
</div>

<div style="max-width: 600px; margin: 0 auto; padding: 10px; font-family: Arial, sans-serif; box-sizing: border-box;" data-card-name="darigan elemental">
  <!-- Darigan Elemental -->
  <div style="background: #f0f0f0; border: 1px solid #ccc; padding: 10px; text-align: center; margin-bottom: 10px;">
    <h2 style="margin: 0; font-size: clamp(1em, 4vw, 1.2em);">||Darigan Elemental||</h2>
  </div>

  <div style="text-align: center; margin-bottom: 10px;">
    <img src="IMAGE HERE" style="max-width: 100%; height: auto; border: 1px solid #ccc;" />
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card ID#(s):</strong> COM-172 R</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card Type:</strong> Legend</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Team:</strong> Darigan</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Level Requirement:</strong></div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Rarity:</strong> R</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Artist:</strong> Squeedge</div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Game Rules:</strong> Discard any number of cards; for each card discarded this way, your opponent's Neopet loses 1 Defence or 1 Agility this turn.</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Updates/FAQ:</strong> The controller of Darigan Elemental may choose a different stat reduction for each card discarded. For example, if 3 cards were discarded, they can choose to have their opponent's Neopet lose 2 Defence and 1 Agility.</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Other official rulings and speculation:</strong></div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Upperdeck.com link:</strong> https://my.upperdeck.com/public/neopets/cards/753</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Wayback Machine link:</strong> (Updated: 0/0/20XX)</div>
  </div>
</div>

<div style="max-width: 600px; margin: 0 auto; padding: 10px; font-family: Arial, sans-serif; box-sizing: border-box;" data-card-name="hadrak">
  <!-- Hadrak -->
  <div style="background: #f0f0f0; border: 1px solid #ccc; padding: 10px; text-align: center; margin-bottom: 10px;">
    <h2 style="margin: 0; font-size: clamp(1em, 4vw, 1.2em);">||Hadrak||</h2>
  </div>

  <div style="text-align: center; margin-bottom: 10px;">
    <img src="IMAGE HERE" style="max-width: 100%; height: auto; border: 1px solid #ccc;" />
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card ID#(s):</strong> COM-173 R</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card Type:</strong> Legend</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Team:</strong> Darigan</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Level Requirement:</strong> 2</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Rarity:</strong> R</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Artist:</strong> Squeedge</div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Game Rules:</strong> Target 1 of your opponent's Equipment; send that card to their discard. Then search your deck, discard, or inventory for 1 Equipment and play that card.</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Updates/FAQ:</strong> The controller of Hadrak may still search for an Equipment, even if the opponent's Equipment left the Battledome in a different way or was made "untargetable" with a card effect after Hadrak's effect was put into the queue.</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Other official rulings and speculation:</strong></div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Upperdeck.com link:</strong> https://my.upperdeck.com/public/neopets/cards/754</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Wayback Machine link:</strong> (Updated: 0/0/20XX)</div>
  </div>
</div>

<div style="max-width: 600px; margin: 0 auto; padding: 10px; font-family: Arial, sans-serif; box-sizing: border-box;" data-card-name="general galgarroth">
  <!-- General Galgarroth -->
  <div style="background: #f0f0f0; border: 1px solid #ccc; padding: 10px; text-align: center; margin-bottom: 10px;">
    <h2 style="margin: 0; font-size: clamp(1em, 4vw, 1.2em);">||General Galgarroth||</h2>
  </div>

  <div style="text-align: center; margin-bottom: 10px;">
    <img src="IMAGE HERE" style="max-width: 100%; height: auto; border: 1px solid #ccc;" />
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card ID#(s):</strong> COM-174 SR</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card Type:</strong> Legend</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Team:</strong> Darigan</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Level Requirement:</strong> 3</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Rarity:</strong> SR</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Artist:</strong> FizzyDog</div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Game Rules:</strong> When you draw or add this card to your inventory, if you have no other cards in your inventory, you may play this card. If you have fewer cards in your inventory than your opponent, gain Attack equal to the difference this turn. If you have 0 cards in your inventory, during your next Battle Phase, your Neopet may make an additional attack this turn.</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Updates/FAQ:</strong></div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Other official rulings and speculation:</strong></div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Upperdeck.com link:</strong> https://my.upperdeck.com/public/neopets/cards/755</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Wayback Machine link:</strong> (Updated: 0/0/20XX)</div>
  </div>
</div>

<div style="max-width: 600px; margin: 0 auto; padding: 10px; font-family: Arial, sans-serif; box-sizing: border-box;" data-card-name="master vex">
  <!-- Master Vex -->
  <div style="background: #f0f0f0; border: 1px solid #ccc; padding: 10px; text-align: center; margin-bottom: 10px;">
    <h2 style="margin: 0; font-size: clamp(1em, 4vw, 1.2em);">||Master Vex||</h2>
  </div>

  <div style="text-align: center; margin-bottom: 10px;">
    <img src="IMAGE HERE" style="max-width: 100%; height: auto; border: 1px solid #ccc;" />
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card ID#(s):</strong> COM-175 R</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card Type:</strong> Legend</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Team:</strong> Darigan</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Level Requirement:</strong> 3</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Rarity:</strong> R</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Artist:</strong> Krista Staggs</div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Game Rules:</strong> When you draw or add this card to your inventory, if you have no other cards in your inventory, you may play it. Look at the top 4 cards of your opponent's deck. If those cards are all the same type, you may void them and draw 4 cards. Otherwise, you may send any number of them to their discard and return the remaining to the top or bottom of their deck in any order.</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Updates/FAQ:</strong> In order to void the cards and draw 4 card, the controller of Master Vex must reveal the cards and confirm with their opponent that they are all the same type. The "otherwise" clause refers to both circumstances of choosing not to void them or their not being the same type.</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Other official rulings and speculation:</strong></div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Upperdeck.com link:</strong> https://my.upperdeck.com/public/neopets/cards/757</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Wayback Machine link:</strong> (Updated: 0/0/20XX)</div>
  </div>
</div>

<div style="max-width: 600px; margin: 0 auto; padding: 10px; font-family: Arial, sans-serif; box-sizing: border-box;" data-card-name="the horde">
  <!-- The Horde -->
  <div style="background: #f0f0f0; border: 1px solid #ccc; padding: 10px; text-align: center; margin-bottom: 10px;">
    <h2 style="margin: 0; font-size: clamp(1em, 4vw, 1.2em);">||The Horde||</h2>
  </div>

  <div style="text-align: center; margin-bottom: 10px;">
    <img src="IMAGE HERE" style="max-width: 100%; height: auto; border: 1px solid #ccc;" />
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card ID#(s):</strong> COM-176 R</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card Type:</strong> Legend</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Team:</strong> Darigan</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Level Requirement:</strong> 3</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Rarity:</strong> R</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Artist:</strong> Squeedge</div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Game Rules:</strong> Search your deck for 1 Darigan Villain or 1 Darigan Legend and play that card.</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Updates/FAQ:</strong></div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Other official rulings and speculation:</strong></div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Upperdeck.com link:</strong> https://my.upperdeck.com/public/neopets/cards/759</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Wayback Machine link:</strong> (Updated: 0/0/20XX)</div>
  </div>
</div>

<div style="max-width: 600px; margin: 0 auto; padding: 10px; font-family: Arial, sans-serif; box-sizing: border-box;" data-card-name="the three">
  <!-- The Three -->
  <div style="background: #f0f0f0; border: 1px solid #ccc; padding: 10px; text-align: center; margin-bottom: 10px;">
    <h2 style="margin: 0; font-size: clamp(1em, 4vw, 1.2em);">||The Three||</h2>
  </div>

  <div style="text-align: center; margin-bottom: 10px;">
    <img src="IMAGE HERE" style="max-width: 100%; height: auto; border: 1px solid #ccc;" />
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card ID#(s):</strong> COM-177 SR</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card Type:</strong> Legend</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Team:</strong> Darigan</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Level Requirement:</strong> 3</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Rarity:</strong> SR</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Artist:</strong> Squeedge</div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Game Rules:</strong> Look at your opponent's inventory. Then choose 1 of the following: • Void 1 card from their inventory. • Play 1 Legend from their inventory. • Draw 3 cards.</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Updates/FAQ:</strong></div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Other official rulings and speculation:</strong></div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Upperdeck.com link:</strong> https://my.upperdeck.com/public/neopets/cards/760</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Wayback Machine link:</strong> (Updated: 0/0/20XX)</div>
  </div>
</div>

Here's the complete code for the remaining cards from Blugthak onwards:

```html
<div style="max-width: 600px; margin: 0 auto; padding: 10px; font-family: Arial, sans-serif; box-sizing: border-box;" data-card-name="blugthak">
  <!-- Blugthak -->
  <div style="background: #f0f0f0; border: 1px solid #ccc; padding: 10px; text-align: center; margin-bottom: 10px;">
    <h2 style="margin: 0; font-size: clamp(1em, 4vw, 1.2em);">||Blugthak||</h2>
  </div>

  <div style="text-align: center; margin-bottom: 10px;">
    <img src="IMAGE HERE" style="max-width: 100%; height: auto; border: 1px solid #ccc;" />
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card ID#(s):</strong> COM-178 R</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card Type:</strong> Legend</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Team:</strong> Darigan</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Level Requirement:</strong></div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Rarity:</strong> R</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Artist:</strong> Squeedge</div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Game Rules:</strong> If you have 10 or more cards in your inventory, your Neopet's Attack becomes 10 this turn and during your next Battle Phase, your Neopet may make an additional attack.</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Updates/FAQ:</strong></div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Other official rulings and speculation:</strong></div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Upperdeck.com link:</strong> https://my.upperdeck.com/public/neopets/cards/761</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Wayback Machine link:</strong> (Updated: 0/0/20XX)</div>
  </div>
</div>

<div style="max-width: 600px; margin: 0 auto; padding: 10px; font-family: Arial, sans-serif; box-sizing: border-box;" data-card-name="court dancer">
  <!-- Court Dancer -->
  <div style="background: #f0f0f0; border: 1px solid #ccc; padding: 10px; text-align: center; margin-bottom: 10px;">
    <h2 style="margin: 0; font-size: clamp(1em, 4vw, 1.2em);">||Court Dancer||</h2>
  </div>

  <div style="text-align: center; margin-bottom: 10px;">
    <img src="IMAGE HERE" style="max-width: 100%; height: auto; border: 1px solid #ccc;" />
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card ID#(s):</strong> COM-179 R</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card Type:</strong> Legend</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Team:</strong> Darigan</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Level Requirement:</strong> 4</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Rarity:</strong> R</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Artist:</strong> Anthony Conley</div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Game Rules:</strong> Freeze your opponent's Neopet. If you have 10 or more cards in your inventory, your opponent randomly discards 2 cards.</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Updates/FAQ:</strong></div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Other official rulings and speculation:</strong></div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Upperdeck.com link:</strong> https://my.upperdeck.com/public/neopets/cards/762</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Wayback Machine link:</strong> (Updated: 0/0/20XX)</div>
  </div>
</div>

<div style="max-width: 600px; margin: 0 auto; padding: 10px; font-family: Arial, sans-serif; box-sizing: border-box;" data-card-name="general kass">
  <!-- General Kass -->
  <div style="background: #f0f0f0; border: 1px solid #ccc; padding: 10px; text-align: center; margin-bottom: 10px;">
    <h2 style="margin: 0; font-size: clamp(1em, 4vw, 1.2em);">||General Kass||</h2>
  </div>

  <div style="text-align: center; margin-bottom: 10px;">
    <img src="IMAGE HERE" style="max-width: 100%; height: auto; border: 1px solid #ccc;" />
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card ID#(s):</strong> COM-170 R</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card Type:</strong> Legend</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Team:</strong> Darigan</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Level Requirement:</strong> 4</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Rarity:</strong> R</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Artist:</strong> Squeedge</div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Game Rules:</strong> Draw cards until you have 10 cards in your inventory.</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Updates/FAQ:</strong></div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Other official rulings and speculation:</strong></div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Upperdeck.com link:</strong> https://my.upperdeck.com/public/neopets/cards/764</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Wayback Machine link:</strong> (Updated: 0/0/20XX)</div>
  </div>
</div>

<div style="max-width: 600px; margin: 0 auto; padding: 10px; font-family: Arial, sans-serif; box-sizing: border-box;" data-card-name="morguss">
  <!-- Morguss -->
  <div style="background: #f0f0f0; border: 1px solid #ccc; padding: 10px; text-align: center; margin-bottom: 10px;">
    <h2 style="margin: 0; font-size: clamp(1em, 4vw, 1.2em);">||Morguss||</h2>
  </div>

  <div style="text-align: center; margin-bottom: 10px;">
    <img src="IMAGE HERE" style="max-width: 100%; height: auto; border: 1px solid #ccc;" />
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card ID#(s):</strong> COM-181 R</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card Type:</strong> Legend</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Team:</strong> Darigan</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Level Requirement:</strong> 4</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Rarity:</strong> R</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Artist:</strong> Anthony Conley</div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Game Rules:</strong> Exhume all cards in your discard. For each card exhumed this way, draw 1 card.</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Updates/FAQ:</strong> This only counts the number of buried cards that were turned face up since you cannot exhume a card already face up.</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Other official rulings and speculation:</strong></div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Upperdeck.com link:</strong> https://my.upperdeck.com/public/neopets/cards/765</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Wayback Machine link:</strong> (Updated: 0/0/20XX)</div>
  </div>
</div>

<div style="max-width: 600px; margin: 0 auto; padding: 10px; font-family: Arial, sans-serif; box-sizing: border-box;" data-card-name="count boris">
  <!-- Count Boris -->
  <div style="background: #f0f0f0; border: 1px solid #ccc; padding: 10px; text-align: center; margin-bottom: 10px;">
    <h2 style="margin: 0; font-size: clamp(1em, 4vw, 1.2em);">||Count Boris||</h2>
  </div>

  <div style="text-align: center; margin-bottom: 10px;">
    <img src="IMAGE HERE" style="max-width: 100%; height: auto; border: 1px solid #ccc;" />
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card ID#(s):</strong> COM-182 R</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card Type:</strong> Legend</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Team:</strong> Meridell</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Level Requirement:</strong> 2</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Rarity:</strong> R</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Artist:</strong> Kyra Kupetsky</div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Game Rules:</strong> Target 1 Legend in your discard with a Level Requirement of 1; play that card. If your Neopet is Level 4 or higher, do the following instead: Target any number of cards in your discard with a combined Level Requirement equal to or less than your Neopet's Level; play those cards.</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Updates/FAQ:</strong> This effect checks for Level Requirement as the card is put into the queue.</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Other official rulings and speculation:</strong></div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Upperdeck.com link:</strong></div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Wayback Machine link:</strong> (Updated: 0/0/20XX)</div>
  </div>
</div>

<div style="max-width: 600px; margin: 0 auto; padding: 10px; font-family: Arial, sans-serif; box-sizing: border-box;" data-card-name="green knight">
  <!-- Green Knight -->
  <div style="background: #f0f0f0; border: 1px solid #ccc; padding: 10px; text-align: center; margin-bottom: 10px;">
    <h2 style="margin: 0; font-size: clamp(1em, 4vw, 1.2em);">||Green Knight||</h2>
  </div>

  <div style="text-align: center; margin-bottom: 10px;">
    <img src="IMAGE HERE" style="max-width: 100%; height: auto; border: 1px solid #ccc;" />
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card ID#(s):</strong> COM-183 R</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card Type:</strong> Legend</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Team:</strong> Meridell</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Level Requirement:</strong> 2</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Rarity:</strong> R</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Artist:</strong> Syd Blake</div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Game Rules:</strong> Until the end of your turn, Equipment do not count as a card played.</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Updates/FAQ:</strong> This means that Equipment do not count towards your normal 1 card limit, they do still count as being played for the purposes of game text.</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Other official rulings and speculation:</strong></div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Upperdeck.com link:</strong> https://my.upperdeck.com/public/neopets/cards/769</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Wayback Machine link:</strong> (Updated: 0/0/20XX)</div>
  </div>
</div>

<div style="max-width: 600px; margin: 0 auto; padding: 10px; font-family: Arial, sans-serif; box-sizing: border-box;" data-card-name="kayla">
  <!-- Kayla -->
  <div style="background: #f0f0f0; border: 1px solid #ccc; padding: 10px; text-align: center; margin-bottom: 10px;">
    <h2 style="margin: 0; font-size: clamp(1em, 4vw, 1.2em);">||Kayla||</h2>
  </div>

  <div style="text-align: center; margin-bottom: 10px;">
    <img src="IMAGE HERE" style="max-width: 100%; height: auto; border: 1px solid #ccc;" />
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card ID#(s):</strong> COM-184 R</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card Type:</strong> Legend</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Team:</strong> Meridell</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Level Requirement:</strong> 2</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Rarity:</strong> R</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Artist:</strong> Kyra Kupetsky</div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Game Rules:</strong> Until the end of this turn, Potions do not count as a card played. Potions played this turn are sent to the Void when they leave the Battledome. If your Neopet is Level 4 or higher, this card gains the following effect: Until the end of this turn, whenever you roll 1 or more successes on a Potion, deal 1 damage to your opponent's Neopet.</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Updates/FAQ:</strong> This effect checks for Level Requirement as the card is put into the queue. This means that Portions do not count towards your normal 1 card limit, they do still count as being played for the purposes of game text.</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Other official rulings and speculation:</strong></div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Upperdeck.com link:</strong></div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Wayback Machine link:</strong> (Updated: 0/0/20XX)</div>
  </div>
</div>

<div style="max-width: 600px; margin: 0 auto; padding: 10px; font-family: Arial, sans-serif; box-sizing: border-box;" data-card-name="lisha">
  <!-- Lisha -->
  <div style="background: #f0f0f0; border: 1px solid #ccc; padding: 10px; text-align: center; margin-bottom: 10px;">
    <h2 style="margin: 0; font-size: clamp(1em, 4vw, 1.2em);">||Lisha||</h2>
  </div>

  <div style="text-align: center; margin-bottom: 10px;">
    <img src="IMAGE HERE" style="max-width: 100%; height: auto; border: 1px solid #ccc;" />
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card ID#(s):</strong> COM-185 SR</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card Type:</strong> Legend</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Team:</strong> Meridell</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Level Requirement:</strong> 2</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Rarity:</strong> SR</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Artist:</strong> Kyra Kupetsky</div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Game Rules:</strong> Remove all status effects from your Neopet. If a status effect was removed this way, your Neopet's Attack becomes 10 this turn. If your Neopet is Level 4 or higher, this card gains the following effect: Search your deck, discard, and/or inventory for 1 card named "Lisha's Homemade Armor" and/or 1 card named "Lisha's Wand" and play those cards. They are not sent to the discard during end of round cleanup.</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Updates/FAQ:</strong> This effect checks for Level Requirement as the card is put into the queue.</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Other official rulings and speculation:</strong></div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Upperdeck.com link:</strong></div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Wayback Machine link:</strong> (Updated: 0/0/20XX)</div>
  </div>
</div>

<div style="max-width: 600px; margin: 0 auto; padding: 10px; font-family: Arial, sans-serif; box-sizing: border-box;" data-card-name="morris">
  <!-- Morris -->
  <div style="background: #f0f0f0; border: 1px solid #ccc; padding: 10px; text-align: center; margin-bottom: 10px;">
    <h2 style="margin: 0; font-size: clamp(1em, 4vw, 1.2em);">||Morris||</h2>
  </div>

  <div style="text-align: center; margin-bottom: 10px;">
    <img src="IMAGE HERE" style="max-width: 100%; height: auto; border: 1px solid #ccc;" />
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card ID#(s):</strong> COM-186 R</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card Type:</strong> Legend</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Team:</strong> Meridell</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Level Requirement:</strong> 2</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Rarity:</strong> R</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Artist:</strong> Kyra Kupetsky</div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Game Rules:</strong> Play up to 2 Equipment from your inventory. If your Neopet is Level 4 or higher, this card gains the following effect: Until the end of this turn, double the Attack gained from Equipment and your Neopet's maximum Attack can exceed 10.</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Updates/FAQ:</strong> This effect checks for Level Requirement as the card is put into the queue.</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Other official rulings and speculation:</strong></div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Upperdeck.com link:</strong> https://my.upperdeck.com/public/neopets/cards/774</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Wayback Machine link:</strong> (Updated: 0/0/20XX)</div>
  </div>
</div>

<div style="max-width: 600px; margin: 0 auto; padding: 10px; font-family: Arial, sans-serif; box-sizing: border-box;" data-card-name="mr scary">
  <!-- Mr. Scary -->
  <div style="background: #f0f0f0; border: 1px solid #ccc; padding: 10px; text-align: center; margin-bottom: 10px;">
    <h2 style="margin: 0; font-size: clamp(1em, 4vw, 1.2em);">||Mr. Scary||</h2>
  </div>

  <div style="text-align: center; margin-bottom: 10px;">
    <img src="IMAGE HERE" style="max-width: 100%; height: auto; border: 1px solid #ccc;" />
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card ID#(s):</strong> COM-187 R</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Card Type:</strong> Legend</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Team:</strong> Meridell</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Level Requirement:</strong> 2</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Rarity:</strong> R</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Artist:</strong> Syd Blake</div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc; margin-bottom: 10px;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Game Rules:</strong> When you draw or add this card to your inventory, if you have no other cards in your inventory, you may play this card. Search your deck for 1 card with a Level Requirement equal to your Neopet's Level and play that card.</div>
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>upperdeck.com Updates/FAQ:</strong></div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Other official rulings and speculation:</strong></div>
  </div>

  <div style="background: #f0f0f0; border: 1px solid #ccc;">
    <div style="padding: 8px; border-bottom: 1px solid #ccc; font-size: clamp(0.85em, 3vw, 1em);"><strong>Upperdeck.com link:</strong> https://my.upperdeck.com/public/neopets/cards/776</div>
    <div style="padding: 8px; font-size: clamp(0.85em, 3vw, 1em);"><strong>Wayback Machine link:</strong> (Updated: 0/0/20XX)</div>
  </div>
</div>

<script>
function searchCards() {
  const searchTerm = document.getElementById('searchInput').value.toLowerCase();
  const cards = document.querySelectorAll('[data-card-name]');
  
  cards.forEach(card => {
    const cardName = card.getAttribute('data-card-name').toLowerCase();
    if (cardName.includes(searchTerm)) {
      card.style.display = 'block';
    } else {
      card.style.display = 'none';
    }
  });
}
</script>